<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>QUnit LoadHide</title>
    <link rel="stylesheet" href="resources/qunit.css" />
  </head>

  <body>
    <div id="qunit"></div>
    <div id="qunit-fixture">
      <div style="width:600px;">
        <iframe
          src="resources/frame.content.html"
          width="100%"
          scrolling="no"
        ></iframe>
      </div>
    </div>
    <script src="resources/qunit.js"></script>
    <script src="resources/jquery.js"></script>
    <script src="../js/iframeResizer.min.js"></script>
    <script>
      'use strict'
      var msgId = '[iFrameSizerTest]:'

      function resize(size) {
        console.info('Size width:' + size)
        $('#qunit-fixture > div').width(size)
      }

      asyncTest('iFrame Resize Event', function() {
        var evtCounter = 0

        $('iframe').iFrameResize({
          //log:true,
          interval: 1000,
          heightCalculationMethod: 'max',
          resizeFrom: 'child',
          onResized: function(messageData) {
            switch ('' + ++evtCounter) {
              case '1':
                setTimeout(function() {
                  resize(300)
                }, 150)
                break
              case '2':
                setTimeout(function() {
                  resize(600)
                }, 150)
                ok(
                  'resize' === messageData.type,
                  '1 Received ' +
                    messageData.type +
                    ' message back from iFrame. Expected resize'
                )
                ok(
                  '300' === messageData.width,
                  '2 iFrame width = ' + messageData.width + '. Expected 300.'
                )
                break
              default:
                ok(
                  'resetPage' === messageData.type,
                  '3 Received ' +
                    messageData.type +
                    ' message back from iFrame. Expected resetPage'
                )
                if ('600' === messageData.width) {
                  ok(
                    '600' === messageData.width,
                    '4 iFrame width = ' + messageData.width + '. Expected 600.'
                  )
                  start()
                }
            }
          }
        })
      })
    </script>
  </body>
</html>
